<template>
    <div class="swiper-container">
        <div class="swiper-wrapper">
                <slot></slot>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</template>

<script>
    import Swiper from 'swiper/bundle'
    import 'swiper/swiper-bundle.css'
        export default {
            mounted() {

            },
            updated() {
                new Swiper('.swiper-container',{
                    loop:true,
                    speed:2000,
                    autoplay:true,
                    pagination: {
                        el: '.swiper-pagination',
                    },
                });
            }
        }
</script>

<style scoped>
        .swiper-container{width: 100%;height: 200px;}
</style>